<template>
<main>
    <Banner></Banner>
    <VipBar></VipBar>
    <Guess></Guess>
    <HotTitle></HotTitle>
    <Hot></Hot>
    <Hottv></Hottv>
    <Hot></Hot>
    <Hottv></Hottv>
    <Hot></Hot>
</main>
</template>

<script>

import Banner from './Banner.vue'
import VipBar from './VipBar.vue'
import Guess from './Guess.vue'
import HotTitle from './HotTitle.vue'
import Hot from './Hot.vue'
import Hottv from './HotTv.vue'

export default{
    name:'Main',
    components:{
        Banner,
        VipBar,
        Guess,
        HotTitle,
        Hot,
        Hottv,
    }
}

</script>

<style scoped>
main {
    /* background-color: rgb(243, 195, 255); */
    box-sizing: border-box;
    padding-top: 1rem;
    padding-bottom: .58rem;
}

</style>
